//☆*****有关颜色*****************☆
//公共颜色
.bg-blue{  background:#338FFF !important;  }
.bg-self-green{  background: #0ce6e6 !important;  }
.bg-white{  background: #ffffff !important;  }
.bg-gray{  background: #6d6d72;  }
.bg-default{background: #EFEFF4;}
.bg-yellow1{  background: #ffcc99 !important;  }
.bg-blue1{  background: #66CCCC !important;  }
.bg-pink1{  background: #FFCCCC !important;  }
.bg-theme{
  background: #0894ec !important;
}


.c-white{color: #ffffff !important;}
.c-black{  color: #000;  }
.c-red{  color: red;  }
.c-red1{  color: #ff3838;  }
.c-blue{  color: #41BEFE;  }
.c-beau-green{  color: #1bd1a4;  }
.c-gray{  color: #6d6d72 !important;  }
.c-default{  color: #3d4145;  }
.c-green1{  color: #33cc33;  }
.c-theme{  color: #0894ec !important;  }
//.c-green1

//☆*****有关默认设置*****************☆
html,body{
  //color: #3d4145 !important;
  /*font-family: Microsoft YaHei !important;*/
  //以下这些CSS来源于api.css，是为了防止在ipad中可能出现点击打开的
  //的页面全部变为灰色（里面的东西其实可以点，比如在培训页面点击课程
  //进入课程页面就可能出现这种问题）
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -webkit-user-select:none;
}

.self-scroll{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.overflowAuto{
  overflow: auto !important;
}

li,ul,p,img{
  padding: 0;
  margin: 0;
}
li{
  list-style-type: none;
}
a{
  color: #6d6d72;
}

//☆*****有关字体*****************☆
//默认字体大小
.f-normal{
  font-size:0.85rem !important;
}
//头部标题字体大小
.f-title-1{
  font-size:0.9rem;
}
//列表时间字体大小
.f-time{
  font-size:0.7rem;
}
.f-08{
  font-size:0.8rem;
}
.f-little{
  font-size: .6rem !important;
}
.t-center{
  text-align: center;
}
.t-right{
  text-align: right;
}
.t-left{
  text-align: left;
}
//☆*****有关 margin padding******☆
.m-t-0{
  margin-top: 0 !important;
}
.m-b-0{
  margin-bottom: 0;
}
.m-0{
  margin: 0;
}
.p-l-0{
  padding-left: 0 !important;
}
.p-b-0{
  padding-bottom: 0;
}
.p-0{
  padding: 0 !important;
}
.m-t{
  margin-top: 0.5rem;
}
.m-l{
  margin-left: 0.5rem;
}
.m-r{
  margin-right: 0.5rem;
}
.m-b{
  margin-bottom: 0.5rem;
}
.p-l{
  padding-left: 0.5rem !important;
}
.p-r{
  padding-right: 0.5rem !important;
}
.p-t22{
  padding-top: 2.2rem;
}
.p-b22{
  padding-bottom: 2.5rem;
}
.p-t-b-5{
  padding: 5px 0;
}
.p-r-5{
  padding-right: 0.5rem;
}
//☆*****有关长宽*****************☆
.w-100p{
  width: 100%;
}
//☆*****有关原生修改*****************☆

//修正原生底栏文字和图标不同时居中对齐问题
.bar-tab .tab-item .icon{
  width: auto;
  display: block;
}
//修改原生首页列表ul的border
.list-block.set-ul-b{
  //清除原生的border干扰
  ul::before,ul::after{
    height: 0;
  }
  .item-inner::after{
    height: 0;
  }
  //设置自己的border
  li{
    border-bottom: 1px solid #e7e7e7;
    &:first-child{
      border-top: 1px solid #e7e7e7;
    }
  }
}

//自定义增加个人中列表 使其可以获得点击跳转 加一个a标签并定义其样式
.add-link{
  display:flex;
  width: 100%;
  padding-left: 0.75rem;
}

//修改原生列表样式 使其吻合缴费记录 和消息中心
.set-div-b{
  flex-direction: column;
  align-items: flex-start !important;
  .item-after{
    margin-left: 0;
  }
}
//重写原生header样式使其标题完全居中
.head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  span{
    flex:1;
  }
  a{
    flex: 1;
    text-align: right;
    margin: 0 .7rem 0 0;
    font-size: 1rem;
    height: 2.2rem;
    line-height: 2.2rem;
  }
  .head-title{
    font-size:0.9rem;
    font-weight: 400;
    flex:1;
    text-align: center;
  }
}
//去掉content的top属性
//☆*****有关其它*****************☆
//清除浮动
//.clear::after {
//  content: "";
//  height: 0;
//  visibility: hidden;
//  display: block;
//  clear: both;
//}

.forbidden-a{
  .item-title{
    color:#6d6d72!important;
  }
  &:link,&:visited,&:hover,&:active{
    color:#6d6d72 !important;
  }
}

//设置一般a链接颜色
.forbidden-normal-a{
  color:#6d6d72!important;
  &:link,&:visited,&:hover,&:active{
    color:#6d6d72 !important;
  }
}

.set-icon{
  position:relative;
  top: 2px;
}
.set-icon1{
  position:relative;
  top: 1px;
}

.hide{
  display: none;
}
.block{
  display: block;
}
.pos-rel{
  position:relative;
}
.pos-abs{
  position:absolute;
}
.l-0{
  left: 0;
}
.border-t{
  border-top: 1px solid #ccc;
}
.p-t-toolbar{
  padding-top: 2.2rem;
}
.t-22{
  top: 2.2rem;
}
.b-22{
  bottom: 2.2rem;
}
.b-24{
  bottom: 2.4rem;
}
.t-0{
  top: 0;
}

.m-t-25{
  margin-top: 2.5rem;
}

//没有图标的头部
.head-no-toolbar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.2rem;
  position:fixed;
  top: 0;
  width: 100%;
  z-index:90;
  left: 0;
  background-color: #0894ec !important;
  span{
    flex:1;
    color:#fff;
  }
  &.no-left-icon{
    .icon {
      position: absolute;
      padding-right: 2rem;
      display: block;
      height: 2.2rem;
      line-height: 2.2rem;
      top: 0;
    }
  }
}

header{
  h1.title{
    background: #0894ec;
    color:#fff;
  }
  span{
    position:absolute !important;
    right: 0;
    color:#fff;
    padding-right: 0.5rem !important;
    padding-left: 1.5rem !important;
  }
}

//查看作业 控制图片类
.childImg{
  img{
    max-width: 100%;
    hieght:auto;
  }
}